<div>
	<yu-panel title="">
		<yu-row :gutter="24">
			<yu-col :span="5">
				<yu-xtree ref="refTree" :height="height" @node-click="nodeClickFn" :data-url="treeDataUrl" data-id="currentNodeId"
				 data-label="currentNodeName" data-pid="parentId" :data-async="async" :data-params="param" data-root="0000" style="margin:10px 10px 0 0;"
				 icon="iconPath">
				</yu-xtree>
			</yu-col>
			<yu-col :span="19">
				<yu-xform related-table-name="refTable" form-type="search" v-model="searchFormdata">
					<yu-xform-group :column="4">
						<yu-xform-item label="系统名称" placeholder="系统名称" ctype="input" name="appName" :disabled="appNameDisabled"></yu-xform-item>
						<yu-xform-item label="版本号" placeholder="版本号" ctype="input" name="versionNo"></yu-xform-item>
						<yu-xform-item label="配置类型" placeholder="配置类型" ctype="select" name="confType" data-code="CONF_TYPE"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
					<yu-button @click="jobGuideFn" v-if="jobGuideFnButton && searchFormdata.appCode && searchFormdata.appName">作业向导</yu-button>
					<yu-button @click="jobFlowGuideFn" v-if="jobFlowGuideFnButton && searchFormdata.appCode&& searchFormdata.appName">作业流向导</yu-button>
					<yu-button @click="importCfgFn" v-if="importCfgFnButton">导入配置</yu-button>
					<yu-button @click="exportCfgFn" v-if="exportCfgFnButton">导出配置</yu-button>
					<yu-button @click="updateFn" v-if="updateFnButton">修改</yu-button>
					<yu-button @click="deleteFn" v-if="deleteFnButton">删除</yu-button>
					<yu-button @click="backupFn" v-if="backupFnButton">备份</yu-button>
					<yu-button @click="restoreFn" v-if="restoreFnButton">还原</yu-button>
				</yu-toolBar>
				<div ref="tableBox" style="width: 100%;overflow: auto;">
					<yu-xtable ref="refTable" row-number :data-url="dataUrl" :pageable="true" :height="tbHeight" selection-type="radio">
						<yu-xtable-column label="版本号" :show-overflow-tooltip="true" prop="versionNo"></yu-xtable-column>
						<yu-xtable-column label="系统编码" :show-overflow-tooltip="true" prop="appCode"></yu-xtable-column>
						<yu-xtable-column label="配置类型" width="100px" prop="confType" data-code="CONF_TYPE"></yu-xtable-column>
						<yu-xtable-column label="操作类型" width="100px" prop="opType"></yu-xtable-column>
						<yu-xtable-column label="创建人" :show-overflow-tooltip="true" prop="createUser"></yu-xtable-column>
						<yu-xtable-column label="创建时间" width="150px" prop="createTimeStr"></yu-xtable-column>
						<yu-xtable-column label="修改人" :show-overflow-tooltip="true" prop="updateUser"></yu-xtable-column>
						<yu-xtable-column label="修改时间" width="150px" prop="updateTimeStr"></yu-xtable-column>
					</yu-xtable>
				</div>
			</yu-col>
		</yu-row>
	</yu-panel>

	<yu-xdialog title="作业自动配置向导" :visible.sync="dialogVisible" width="90%">
		<yu-steps :active="active" :align-center="true" :center="true">
			<yu-step title="版本信息" description=""></yu-step>
			<yu-step title="作业基本信息" description=""></yu-step>
			<yu-step title="作业关系信息" description=""></yu-step>
		</yu-steps>
		<yu-xform ref="refForm1" v-model="formdata1" label-width="120px" class="formtop formHeight" v-show="active == 1">
			<yu-xform-group>
				<yu-xform-item label="版本号" :disabled="editflag == 'edit' || jobdisabled" placeholder="请输入版本号" ctype="input"
				 maxlength="64" name="versionNo" :colspan="24" :rules="versionRules" :disabled="!addFlag"></yu-xform-item>
				<yu-xform-item label="备注" :disabled="jobdisabled" ctype="textarea" maxlength="500" name="versionRemark" :colspan="24"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<yu-xform ref="refForm2" v-model="formdata2" label-width="120px" class="formtop formHeight" v-show="active == 2">
			<yu-toolBar>
				<yu-button @click="addJob2" :disabled="loading2" v-if="!jobdisabled">新增</yu-button>
				<yu-button @click="delJob2" :disabled="loading2" v-if="!jobdisabled">删除</yu-button>
				<yu-button @click="copystep2" :disabled="loading2" v-if="!jobdisabled">复制</yu-button>
				<!-- <yu-button @click="" v-if="!jobdisabled">黏贴</yu-button> -->
				<yu-button @click="setOldFlow" :disabled="loading2" v-if="!jobdisabled">引入</yu-button>
			</yu-toolBar>
			<pl-table ref="refTable2" v-loading="loading2" record-table-select element-loading-text="数据解析中,请稍后..."   use-virtual :row-height="rowHeight" row-number :row-class-name="tableRowClassName"
			 @row-click="rowClickFnOne" height="350px" @selection-change="tableSelect" enable-length="10" :data="data2" selection-type="checkbox" :pageable="false">
				 <pl-table-column type="selection" width="55"> </pl-table-column>	
				 <pl-table-column label="序号" type="index" prop="id" width="55"></pl-table-column>	
				<pl-table-column label="集群代理名称" prop="agentCode">
					<template slot-scope="scope">
						<yu-select v-model="scope.row.agentCode" :title="scope.row.agentCode" filterable placeholder="请选择" :disabled="jobdisabled">
							<yu-option v-for="item in agentIds" highlight :key="item.key" :label="item.show" :value="item.key"></yu-option>
						</yu-select>
					</template>
				</pl-table-column>
				<pl-table-column label="作业流代码" prop="groupCode">
					<template slot-scope="scope">
						<yu-select v-model="scope.row.groupCode" :title="scope.row.groupCode" filterable placeholder="请选择" :disabled="scope.row.isOld || jobdisabled">
							<yu-option v-for="item in groupCodeList" highlight :key="item.key" :label="item.key" :value="item.key"></yu-option>
						</yu-select>
					</template>
				</pl-table-column>
				<pl-table-column label="作业名称" prop="actionName">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.actionName" :title="scope.row.actionName" :disabled="jobdisabled" placeholder="请输入作业名称"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="作业代码" prop="actionCode">
					<template slot-scope="scope">
						<!-- <yu-input v-model="scope.row.actionCode":disabled="scope.row.isOld || jobdisabled"  placeholder="作业代码自动生成"></yu-input> -->
						<yu-input v-model="scope.row.actionCode" :title="scope.row.actionCode" :disabled="true" placeholder="作业代码自动生成"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="解析规则" prop="jobTypeCode">
					<template slot-scope="scope">
						<yu-select v-model="scope.row.jobTypeCode" :title="scope.row.jobTypeCode" filterable placeholder="请选择" :disabled="jobdisabled">
							<yu-option v-for="item in jobList" highlight :key="item.key" :label="item.value" :value="item.key"></yu-option>
						</yu-select>
					</template>
				</pl-table-column>
				<pl-table-column label="执行内容" prop="actionExec">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.actionExec" :title="scope.row.actionExec" @focus="addContent" readOnly :disabled="jobdisabled"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="高级信息">
					<template slot-scope="scope">
						<a class="moreall" @click="moreall(scope.row)">更多</a>
					</template>
				</pl-table-column>
			</pl-table>
		</yu-xform>
		<yu-xform ref="refForm3" v-model="formdata3" label-width="120px" class="formtop formHeight" v-show="active == 3">
			<yu-toolBar>
				<yu-button @click="addJob3" :disabled="loading3" v-if="!jobdisabled">新增</yu-button>
				<yu-button @click="delJob3" :disabled="loading3" v-if="!jobdisabled">删除</yu-button>
				<yu-button @click="copystep3" :disabled="loading3" v-if="!jobdisabled">复制</yu-button>
			</yu-toolBar>
			<pl-table ref="refTable3" v-loading="loading3" @selection-change="tableSelect2" use-virtual :row-height="rowHeight" row-number :row-class-name="tableRowClassName3" height="350px"
			 @row-click="rowClickFnOne3" :data="data3" selection-type="checkbox" :pageable="false">
				<pl-table-column type="selection" width="55"> </pl-table-column>
				<pl-table-column label="序号" type="index" prop="id" width="55"></pl-table-column>	
				<pl-table-column label="作业流编码" prop="groupCode">
					<template slot-scope="scope">
						<yu-select v-model="scope.row.groupCode" :title="scope.row.groupCode" :disabled="jobdisabled" filterable
						 placeholder="请选择" @visible-change="setJoblist3($event,scope.row)">
							<yu-option v-for="item in setp3flowCodeList" highlight :key="item.groupCode" :label="item.groupCode" :value="item.groupCode"></yu-option>
						</yu-select>
					</template>
				</pl-table-column>
				<pl-table-column label="作业名称" prop="jobCode">
					<template slot-scope="scope">
						<yu-select v-model="scope.row.jobCode" v-if="!jobdisabled" :title="scope.row.actionName" :disabled="jobdisabled" filterable
						 placeholder="请选择" @visible-change="jobChange($event,scope.row)">
							<yu-option  v-for="item in scope.row.joblist3op" highlight :key="item.actionCode" :label="item.actionName"
							 :value="item.actionCode"></yu-option>
<!-- 							<yu-option v-if="jobdisabled" v-for="item in importJoblist" highlight :key="item.actionCode" :label="item.actionName"
							 :value="item.actionCode"></yu-option> -->
						</yu-select>
						<yu-input v-else v-model="scope.row.actionName" readOnly  :title="scope.row.actionName" :disabled="jobdisabled"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="依赖类型" prop="dependencyType">
					<template slot-scope="scope">
						<yu-select v-model="scope.row.dependencyType" :title="scope.row.dependencyType" :disabled="jobdisabled"
						 filterable placeholder="请选择" @visible-change="relChange($event,scope.$index,scope.row)">
							<yu-option v-for="item in relTypeList" highlight :key="item.key" :label="item.value" :value="item.key"></yu-option>
						</yu-select>
					</template>
				</pl-table-column>
				<pl-table-column label="源表" prop="srcTab">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.srcTab" readOnly @focus="showSrcTab(scope.row)" :title="scope.row.srcTab" :disabled="scope.row.dependencyType == 'GERERAL' || scope.row.dependencyType == 'EVENT' ||jobdisabled || scope.row.diff"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="目标表" prop="targetTab">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.targetTab" readOnly @focus="showTarTab(scope.row)" :title="scope.row.targetTab"
						 :disabled="scope.row.dependencyType == 'GERERAL' || scope.row.dependencyType == 'EVENT' ||jobdisabled || scope.row.diff"></yu-input>
					</template>
				</pl-table-column>
				<!-- 				<yu-xtable-column label="依赖作业" prop="relJobCode">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.relJobCode" :title="scope.row.relJobCode" readOnly  :disabled="scope.row.dependencyType == 'EVENT' ||scope.row.dependencyType == 'SRCTAB' || jobdisabled || scope.row.diff" @focus="setOldFlow"></yu-input>	
					</template>
				</yu-xtable-column> -->
				<pl-table-column label="依赖作业名称" prop="relJobName">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.relJobName" :title="scope.row.relJobName" readOnly :disabled="scope.row.dependencyType == 'EVENT' ||scope.row.dependencyType == 'SRCTAB' || jobdisabled || scope.row.diff"
						 @focus="setOldFlow"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="依赖作业流" prop="relGroupCode">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.relGroupCode" :title="scope.row.relGroupCode" :disabled="true"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="事件代码" prop="eventCode">
					<template slot-scope="scope">
						<el-input v-model="scope.row.eventCode" :title="scope.row.eventCode" readOnly @focus="showEvent(scope.row.eventOnly)"
						 :disabled="scope.row.dependencyType == 'SRCTAB' || scope.row.dependencyType == 'GERERAL' ||jobdisabled || scope.row.diff|| scope.row.eventOnly">
						</el-input>
					</template>
				</pl-table-column>
				<pl-table-column label="事件名称" prop="eventName">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.eventName" :title="scope.row.eventName" :disabled="true"></yu-input>
					</template>
				</pl-table-column>
				<pl-table-column label="查看依赖">
					<template slot-scope="scope">
						<a class="moreall" @click="viewRel(scope.row)">查看</a>
					</template>
				</pl-table-column>
			</pl-table>
		</yu-xform>

		<div class="yu-grpButton">
			<yu-button @click="cancelFn">取消</yu-button>
			<span v-if="active != 3">
				<yu-button type="success" @click="lastOne" :disabled="loading2 && active == 2" v-if="active != 1">上一步</yu-button>
				<yu-button type="success" @click="nextOne" :disabled="loading2 && active == 2">下一步</yu-button>
			</span>
			<span v-else>
				<yu-button type="success" @click="lastOne" :disabled="loading3">上一步</yu-button>
				<yu-button type="success" @click="saveFn" :disabled="loading3" v-if="active != 1 && !jobdisabled">保存</yu-button>
				<yu-button type="success" @click="saveFnImport" :disabled="loading3" v-if="active != 1 && jobdisabled">保存</yu-button>
			</span>
		</div>
	</yu-xdialog>


	<yu-xdialog title="作业流自动配置向导" :visible.sync="dialogVisibleflex" width="90%" height="80%">
		<yu-steps :active="activeflex" :align-center="true" :center="true">
			<yu-step title="版本信息" description=""></yu-step>
			<yu-step title="作业流信息" description=""></yu-step>
		</yu-steps>
		<yu-xform ref="refForm1flex" v-model="formdata1flex" label-width="120px" class="formHeightv2 formtop" v-show="activeflex == 1">
			<yu-xform-group>
				<yu-xform-item label="版本号" :disabled="editflag == 'edit' || flowdisabled" placeholder="请输入版本号" ctype="input"
				 maxlength="64" name="versionNo" :colspan="24" :rules="versionRules" :disabled="!addFlag"></yu-xform-item>
				<yu-xform-item label="备注" :disabled="flowdisabled" ctype="textarea" maxlength="500" name="versionRemark" :colspan="24"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<yu-xform ref="refForm2flex" v-model="formdata2flex" label-width="120px" class="formtop" v-show="activeflex == 2">
			<yu-toolBar v-if="!flowdisabled">
				<yu-button @click="addJob2flex">新增</yu-button>
				<yu-button @click="delJob2flex">删除</yu-button>
				<yu-button @click="setOldFlowflex">引入</yu-button>
			</yu-toolBar>
			<yu-xtable ref="refTable2" row-number :row-class-name="tableRowClassNameflex" @row-click="rowClickFnOneflex" :data="data2flex"
			 selection-type="radio" :pageable="false" height="350px">
				<yu-xtable-column label="作业流代码" prop="groupCode">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.groupCode" :disabled="(editflag == 'edit' && scope.row.isAdd != 'Y') || flowdisabled"
						 placeholder="请输入作业流代码"></yu-input>
					</template>
				</yu-xtable-column>
				<yu-xtable-column label="作业流名称" prop="groupName">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.groupName" :disabled="flowdisabled" placeholder="请输入作业流名称"></yu-input>
					</template>
				</yu-xtable-column>
				<!-- 				<yu-xtable-column label="触发时间" prop="time1">
					<template slot-scope="scope">
						<yu-date-picker v-model="scope.row.time1" type="datetime" placeholder="请选择触发时间"></yu-date-picker>							
					</template>	
				</yu-xtable-column> -->
				<yu-xtable-column label="时点偏移量" prop="offSet">
					<template slot-scope="scope">
						<yu-input v-model="scope.row.offSet" :disabled="flowdisabled" placeholder="请输入时点偏移量"></yu-input>
					</template>
				</yu-xtable-column>
				<yu-xtable-column label="任务触发器" prop="triggerNm">
					<template slot-scope="scope">
						<yu-input placeholder="请选择任务触发器" :disabled="flowdisabled" v-model="scope.row.formDataTask.triggerNm" readOnly
						 icon='search' @click="selectTrigger"></yu-input>
					</template>
				</yu-xtable-column>
				<yu-xtable-column label="高级信息">
					<template slot-scope="scope">
						<a class="moreall" @click="moreallflex(scope.row)">更多</a>
					</template>
				</yu-xtable-column>
			</yu-xtable>
		</yu-xform>
		<div class="yu-grpButton">
			<yu-button @click="cancelFnflex">取消</yu-button>
			<span v-if="activeflex == 1">
				<yu-button type="success" @click="nextOneflex">下一步</yu-button>
			</span>
			<span v-else>
				<yu-button type="success" @click="lastOneflex">上一步</yu-button>
				<yu-button type="success" @click="saveFnflex" v-if="!flowdisabled">保存</yu-button>
				<yu-button type="success" @click="saveFnflexImport" v-if="flowdisabled">保存</yu-button>
			</span>
		</div>
	</yu-xdialog>



	<yu-xdialog title="执行内容" :visible.sync="showContent" width="1000px">
		<yu-xform ref="refFormsqlc" v-model="sqlc" label-width="120px">
			<yu-xform-group :column="2">
				<yu-xform-item label="执行内容" ctype="textarea" colspan="24" :rows="4" maxlength="1024" name="content" colspan="14"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<div class="yu-grpButton">
			<yu-button @click="cancelC">取消</yu-button>
			<yu-button type="success" @click="confirmC">确定</yu-button>
		</div>
	</yu-xdialog>

	<yu-xdialog title="请选择作业" :visible.sync="visibleFlow" width="70%" key="visibleFlow">
		<el-form-q ref="queryJobForm" :field-data="jobFieldDatas2" :buttons="jobButtons"></el-form-q>
		<el-table-x ref="jobTableRef" max-height="500" :checkbox="true" :base-params="baseGroupParams" :data-url="jobDataUrl"
		 :table-columns="jobFieldColumns"></el-table-x>
	</yu-xdialog>

	<yu-xdialog title="请选择依赖作业" :visible.sync="activeflag" width="82%" key="activeflag">
		<el-tabs type="border-card" v-model="activeJob">
			<el-tab-pane label="存量作业" name="hadjob">
				<el-form-q ref="queryJobFormFlag" :field-data="jobFieldDatas" :buttons="jobButtons"></el-form-q>
				<el-table-x ref="jobTableRefFlag" max-height="500" height="400px" :checkbox="true" :data-url="jobDataUrl"
				 :table-columns="jobFieldColumns"></el-table-x>
			</el-tab-pane>
			<el-tab-pane label="新增作业" name="jobing">
				<el-form-q ref="queryJobFormFlaging" :field-data="FlagingData" :buttons="jobButtonsing"></el-form-q>
				<!-- <el-table-x ref="jobTableRefFlaging" max-height="500"  :radiobox="true"  :data="hadJobData" :table-columns="jobFieldColumns"></el-table-x> -->
				<yu-xtable ref="jobTableRefFlaging" row-number height="440px" :row-class-name="tableRowClassName" :data="hadJobData"
				 selection-type="checkbox" :pageable="false">
					<yu-xtable-column prop="appCode" label="作业流编码" maxlength="240">
					</yu-xtable-column>
					<yu-xtable-column prop="groupCode" label="作业流编码" maxlength="240">
					</yu-xtable-column>
					<!-- 			<yu-xtable-column ctype="input" prop="groupName"  label="作业流名称" maxlength="240">
				</yu-xtable-column> -->
					<yu-xtable-column prop="actionCode" label="作业编码" maxlength="240">
					</yu-xtable-column>
					<yu-xtable-column prop="actionName" label="作业名称" maxlength="240">
					</yu-xtable-column>
				</yu-xtable>
			</el-tab-pane>
		</el-tabs>
	</yu-xdialog>

	<yu-xdialog title="请选择作业流" :visible.sync="visibleFlowflex" width="70%" key="visibleFlowflex">
		<el-form-q ref="queryJobFormflex" :field-data="jobFieldDatasflex" :buttons="jobButtonsflex"></el-form-q>
		<el-table-x ref="jobTableRefflex" max-height="500" :checkbox="true" :base-params="baseGroupParams" :data-url="jobDataUrlflex"
		 :table-columns="jobFieldColumnsflex"></el-table-x>
	</yu-xdialog>


	<yu-xdialog slot="dialog" title="作业信息" :visible.sync="dialogDetail" width="75%" key="editDowIndex" class="jonfintab">
		<yu-tabs type="border-card" v-model="tabsValue">
			<yu-tab-pane label="基本信息" name="baseMsg">
				<yu-xform ref="refWorkBaseForm" v-model="workBaseFormData" :disabled="formDisabled" label-width="140px" :rules="ruleslist">
					<yu-xform-group>
						<!--     <yu-xform-item label="应用系统编号" ctype="input" name="appCode" rules="required" :disabled="true"></yu-xform-item>
	            
	          <yu-xform-item label="作业代码" ctype="input" maxlength="64" name="actionCode" rules="required">
	          </yu-xform-item>
	          <yu-xform-item label="作业名称" ctype="input" maxlength="120" name="actionName" rules="required"></yu-xform-item>-->
						<!-- <yu-xform-item label="集群代理名称" ctype="select" name="agentCode" filterable :options="agentIds" rules="required"
	            :disabled="disabledOpr"></yu-xform-item> -->
						<yu-xform-item label="作业类型名称" ctype="select" data-code="USE_TASK_JOB_TYPE" @change="selectTypeCodeFn" name="typeCode"
						 rules="required"></yu-xform-item>
						<yu-xform-item label="最大成功返回值" maxlength="100" :rules="rule" ctype="input" name="success"></yu-xform-item>
						<yu-xform-item label="优先级" ctype="select" name="actionPrior" data-code="USE_FLOW_PRIORITY_LEVEL" rules="required"></yu-xform-item>
						<yu-xform-item label="自动重试次数" ctype="num" maxlength="100" name="maxRetry" :rules="rule"></yu-xform-item>
						<yu-xform-item label="前提条件类型" ctype="select" name="condType" data-code="USE_FLOW_PRECONDI_TYPE" rules="required"></yu-xform-item>
						<yu-xform-item label="多实例运行" ctype="radio" :options="options" name="multiFlag" rules="required" :disabled="disabledOpr"></yu-xform-item>
						<yu-xform-item label="强制中断" ctype="radio" :options="options" name="intrFlag" rules="required" :disabled="disabledOpr"></yu-xform-item>
						<tr slot="append">
							<div style="width: 180%; font-size: 14px; margin: 0px 0 20px 86px;">提示：&nbsp;&nbsp;&nbsp;{{ currentTips }}</div>
						</tr>
						<yu-xform-item label="备注" colspan="24" name="remark" maxlength="240" ctype="textarea"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
			</yu-tab-pane>
			<yu-tab-pane label="执行信息" name="exceMsg">
				<yu-row :gutter="20">
					<yu-col :span="8">
						<yu-xform ref="refWorkExceForm" label-width="120px" v-model="workExecFormData" :disabled="formDisabled">
							<yu-xform-group>
								<!--              <yu-xform-item placeholder="执行位置修饰" label="执行位置修饰" maxlength="64" v-if="!isHiddenAction" colspan="24" ctype="input" name="actionLoc"
	                key="actionLoc"></yu-xform-item> -->
								<!--  <yu-xform-item placeholder="执行位置修饰" label="执行位置修饰" v-if="!isHiddenActionSelect" colspan="24" :options="actionLocOptions"
	                ctype="select" filterable name="actionLoc" key="actionLocOptions"></yu-xform-item> -->
								<!-- 	              <yu-xform-item label="执行内容" colspan="24" name="actionExec" ctype="textarea" maxlength="1024" rules="required"
	                placeholder="1024个字符以内">
	              </yu-xform-item> -->
							</yu-xform-group>
						</yu-xform>
					</yu-col>
					<yu-col :span="24">
						<div class="el-button-group">
							<yu-button @click="btnAddClickFn" :disabled="isProcess">新增</yu-button>
							<yu-button @click="btnDelClickFn" :disabled="isProcess">删除</yu-button>
						</div>
						<yu-xtable class="params-table" :row-class-name="tableRowClassNameX" selection-type="checkbox" ref="refTableExec"
						 :pageable="false" height="340px" style="width: 100%" :data="getData.wftParList" :rules="rules" @row-click="rowClickFnOneX">
							<yu-xtable-column prop="paramName" ctype="input" label="参数名称" maxlength="64">
							</yu-xtable-column>
							<yu-xtable-column prop="paramValue" ctype="yufp-select-params" label="参数值" maxlength="250" :params="paramObj"
							 @select-fn="getSelectedData">
							</yu-xtable-column>
							<yu-xtable-column ctype="input" prop="remark" label="备注" maxlength="240">
							</yu-xtable-column>
						</yu-xtable>
					</yu-col>
				</yu-row>
			</yu-tab-pane>
			<yu-tab-pane label="附加限制" name="moreMsg">
				<yu-xform ref="refWorkAdditionalForm" label-width="120px" v-model="workAdditionalFormData" :disabled="formDisabled">
					<yu-xform-group>
						<yu-xform-item :colspan="2" ctype="custom" name="time">
							<p style="text-align: center; margin-left: -20px;">时间限制:</p>
						</yu-xform-item>
						<yu-xform-item :colspan="10" ctype="custom" name="timepicker">
							<yu-time-picker is-range arrow-control v-model="timepicker" range-separator="至" start-placeholder="开始时间"
							 end-placeholder="结束时间" placeholder="选择时间范围" value-format="HHmmss">
							</yu-time-picker>
						</yu-xform-item>
						<!-- 	          <yu-xform-item :colspan="6" ctype="input" :rules="limit" name="limitBegin" @blur="limitBeginFn" placeholder="6位数字表示的时分秒数值（空缺表示0时0分0秒）">
	          </yu-xform-item>
	          <yu-xform-item :colspan="1" ctype="custom" name="to">
	            <p style="text-align: center">至</p>
	          </yu-xform-item>
	          <yu-xform-item :colspan="6" ctype="input" :rules="limit" name="limitEnd" @blur="limitEndFn" placeholder="6位数字表示的时分秒数值（空缺表示24时0分0秒）">
	          </yu-xform-item> -->
					</yu-xform-group>
					<yu-row>
						<yu-col :span="2">
							<yu-xform-item :colspan="2" ctype="custom" name="time">
								<p style="text-align: center">日期限制:</p>
							</yu-xform-item>
						</yu-col>
						<yu-col :span="12">
							<yu-xform-group>
								<yu-xform-item ctype="custom" name="radio1" :colspan="5">
									<yu-radio class="radio" v-model="workAdditionalFormData.radio1" label="1">固定日期</yu-radio>
								</yu-xform-item>
								<yu-xform-item ctype="yu-date-picker" type="date" name="date" :colspan="19" :disabled="radio1">
								</yu-xform-item>
							</yu-xform-group>
							<yu-xform-group :column="4">
								<yu-xform-item ctype="custom" name="radio2" :colspan="5">
									<yu-radio class="radio" v-model="workAdditionalFormData.radio2" label="2">相对日期</yu-radio>
								</yu-xform-item>
								<yu-xform-item ctype="select" name="date1" data-code="USE_FIXED_TIME_RANGE" :colspan="7" style="margin-right:8px;"
								 :disabled="radio2"></yu-xform-item>
								<yu-xform-item ctype="select" name="date2" data-code="USE_FIXED_TIME_F" :colspan="7" style="margin-right:8px;"
								 :disabled="radio2"></yu-xform-item>
								<yu-xform-item ref="dayref" ctype="input" name="day" :colspan="4" :disabled="radio2" :rules="dayRules"></yu-xform-item>
								<yu-xform-item :colspan="1" ctype="custom" name="date1">
									<span style="margin-left: 8px">天</span>
								</yu-xform-item>
							</yu-xform-group>
							<yu-xform-group>
								<yu-xform-item ctype="custom" name="radio3" :colspan="5">
									<yu-radio class="radio" v-model="workAdditionalFormData.radio3" label="3">日期类型</yu-radio>
								</yu-xform-item>
								<yu-xform-item ctype="select" name="datetype" :colspan="19" :disabled="radio3" :options="dateTypeOptions"></yu-xform-item>
							</yu-xform-group>
						</yu-col>
						<yu-col :span="3">
							<div style="text-align:center;margin-bottom:1em;margin-top: 30px;">
								<yu-button @click="addFn">添加</yu-button>
							</div>
							<div style="text-align:center;">
								<yu-button @click="deleteFnTime">删除</yu-button>
							</div>
						</yu-col>
						<yu-col :span="7">
							<ul style="border: 1px solid #bfcbd9;height:150px;overflow-y: auto;border-radius: 4px;" id="timeList">
								<li v-for="(item, index) in timeList" :class="{timeLi: true, active: item == selectTime}" @click="timeSelectFn(item)"
								 :key="index">{{item.value}}</li>
							</ul>
						</yu-col>
					</yu-row>
				</yu-xform>
			</yu-tab-pane>
			<yu-tab-pane label="事件触发信息" name="eventMsg">
				<yu-row :gutter="20">
					<yu-col>
						<yu-button @click="btnAddEventsFn">新增</yu-button>
						<yu-button @click="btnDelEventsFn">删除</yu-button>
						<yu-xtable row-number selection-type="checkbox" ref="refTableEvents" :pageable="false" style="width: 100%" :data="getData.useEventCrossList"
						 height="340px" @row-click="rowClickFnX">
							<yu-xtable-column prop="eventName" ctype="input" label="事件名称"></yu-xtable-column>
							<yu-xtable-column prop="eventCode" ctype="input" label="事件编码">
							</yu-xtable-column>
							<yu-xtable-column ctype="select" prop="relation" label="关联关系" :disabled="true" data-code="USE_EVT_REL_TYPE"
							 @change="relationChangeFn">
							</yu-xtable-column>
							<yu-xtable-column ctype="input" prop="reamrk" label="备注">
							</yu-xtable-column>
						</yu-xtable>
					</yu-col>
				</yu-row>
			</yu-tab-pane>
		</yu-tabs>
		<div class="yu-grpButton">
			<!-- 	    <yu-button type="primary" @click="lastFn" v-show="tabsValue != 'baseMsg'">上一步</yu-button>
	    <yu-button type="primary" @click="nextToFn" v-show="tabsValue != 'eventMsg'">下一步</yu-button> -->
			<yu-button @click="btnCancelFn">取消</yu-button>
			<yu-button type="primary" @click="btnSaveFn" v-if="!jobdisabled">确定</yu-button>
		</div>
	</yu-xdialog>

	<yu-xdialog title="请选择事件" :visible.sync="eventVisible" width="70%">
		<el-form-q ref="queryEventForm" :field-data="eventFieldDatas" :buttons="eventButtons"></el-form-q>
		<el-table-x ref="eventTableRef" max-height="500" :checkbox="true" :base-params="dutytwoParams" :data-url="eventDataUrl"
		 :table-columns="eventFieldColumns"></el-table-x>
	</yu-xdialog>

	<yu-xdialog title="请选择依赖事件" :visible.sync="eventVisibleRef" width="70%">
		<el-form-q ref="queryEventFormRef" :field-data="eventFieldDatasRel" :buttons="eventButtons"></el-form-q>
		<el-table-x ref="eventTableRefRef" max-height="500" :checkbox="true" :data-url="eventDataUrl" :base-params="dutyTableParams"
		 :table-columns="eventFieldColumns"></el-table-x>
	</yu-xdialog>

	<yu-xdialog title="作业流高级信息" :visible.sync="taskDialog">
		<el-tabs type="border-card" v-model="activeTabName">
			<el-tab-pane label="任务信息" name="taskInfo" :disabled="true">
				<yu-xform ref="refFormTask" v-model="formDataTask" label-width="120px">
					<yu-xform-group>
						<!-- <yu-xform-item label="调度作业流" ctype="select" name="groupCode" :options="groupCodeOptions" :disabled="updateFlag" @change="changeGroup" rules="required"></yu-xform-item>
	          <yu-xform-item label="任务名称" ctype="input" maxlength="120" name="taskName" rules="required"></yu-xform-item> -->
						<!-- <yu-xform-item label="任务类型" ctype="select" data-code="USE_TASK_TYPE" name="taskType" :disabled="true" rules="required" ></yu-xform-item> -->
						<!-- <yu-xform-item label="周期时点" ctype="input" :rules="weekrules" name="cycleTime"  icon='search' @click="selectCycleTime"></yu-xform-item> -->
						<yu-xform-item label="工作日历" ctype="select" name="calendarCode" :options="calendarCodeOptions"></yu-xform-item>
						<yu-xform-item label="生效日期" ctype="datepicker" format="yyyyMMdd" value-format="yyyyMMdd" rules="required" name="effectDate"></yu-xform-item>
						<yu-xform-item label="失效日期" ctype="datepicker" format="yyyyMMdd" value-format="yyyyMMdd" name="expireDate"></yu-xform-item>
						<yu-xform-item label="任务状态" ctype="select" name="validFlag" data-code="USE_TASK_STATE" rules="required"></yu-xform-item>
						<!-- <yu-xform-item label="任务触发器" ctype="input" name="triggerNm" readOnly :rules="triggerRules"  icon='search' @click="selectTrigger"></yu-xform-item> -->
						<yu-xform-item label="使用内置时点" ctype="select" name="InSideFlag" :options="InSideFlagOptions" rules="required"
						 @visible-change="changeInSide($event)"></yu-xform-item>
						<yu-xform-item label="内置时点" ctype="datepicker" format="yyyyMMdd" value-format="yyyyMMdd" rules="required" :hidden="!showInsideCycleTime"
						 name="insideCycleTime"></yu-xform-item>
						<yu-xform-item label="备注" ctype="textarea" name="remark" maxlength="240" :colspan="24" :rows="3"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<div class="yu-grpButton">
					<yu-button @click="cancelFnTask">取消</yu-button>
					<yu-button type="primary" @click="nextStepTask">下一步</yu-button>
				</div>
			</el-tab-pane>
			<el-tab-pane label="任务参数" name="taskParam" :disabled="true">
				<yu-toolBar>
					<el-button @click="addParams">新增</el-button>
					<el-button @click="deleteParams">删除</el-button>
				</yu-toolBar>
				<yu-xtable selection-type="checkbox" ref="refparamstab" row-number  :row-class-name="tableRowClassNameX2" :pageable="false" :data="paramDatas" @row-click="rowClickFnOneX2"
				 style="width: 100%" max-height="300">
					<yu-xtable-column prop="paramCode" ctype="input" maxlength="64" label="参数代码" :rules="rulesCode">
					</yu-xtable-column>
					<yu-xtable-column prop="paramName" ctype="input" maxlength="120" label="参数名称">
					</yu-xtable-column>
<!-- 					<yu-xtable-column prop="paramValue" ctype="yufp-select-params" maxlength="120" :params="nodeTemp" label="参数值"
					 @select-fn="addddd"> -->
					 <yu-xtable-column prop="paramValue" ctype="yufp-select-params" label="参数值" maxlength="250" :params="nodeTemp"
					  @select-fn="checkVal">
					</yu-xtable-column>
					<yu-xtable-column prop="remark" ctype="input" label="备注" maxlength="240">
					</yu-xtable-column>
				</yu-xtable>
				<div class="yu-grpButton">
					<yu-button @click="lastStepTask">上一步</yu-button>
					<yu-button type="primary" @click="saveFnTask" v-if="!flowdisabled">保存</yu-button>
					<yu-button @click="cancelFnTask">关闭</yu-button>
				</div>
			</el-tab-pane>
		</el-tabs>
	</yu-xdialog>

	<yu-xdialog title="公共宏参数选择" :visible.sync="chooseCommonParamDialogVisible" width="50%">
		<el-form-q ref="queryForm" :field-data="commParamFieldDatas" :buttons="commParamButtons">
		</el-form-q>
		<el-table-x ref="commParamTableRef" :checkbox="true" :data-url="commParamDataUrl" :table-columns="commParamFieldColumns"></el-table-x>
	</yu-xdialog>
	<yu-xdialog title="触发器选择" :visible.sync="chooseTriggerDialogVisible" width="70%">
		<el-form-q ref="queryTriggerForm" :field-data="triggerFieldDatas" :buttons="triggerButtons"></el-form-q>
		<el-table-x ref="triggerTableRef" max-height="500" :checkbox="true" :base-params="triggerParams" :data-url="triggerDataUrl"
		 :table-columns="triggerFieldColumns"></el-table-x>
	</yu-xdialog>


	<yu-dialog title="请选择导入文件" :visible.sync="upLoadDialogVisible" width="400px" v-loading="excelloading">
		<yu-upload class="upload-demo" ref="my-upload" :action="upLoadUrl" accept=".xml" :on-success="successUpload"
		 :file-list="appUploadDatas">
			<yu-button size="small" type="primary">点击上传</yu-button>
		</yu-upload>
	</yu-dialog>
	
	<yu-dialog title="请选择备份文件" :visible.sync="backupDialogVisible" width="400px" >
		<yu-upload class="upload-demo" ref="my-upload-back" :action="upLoadUrl" accept=".xml" :on-success="successUploadBack"
		 :file-list="appUploadDatas">
			<yu-button size="small" type="primary">点击上传</yu-button>
		</yu-upload>
	</yu-dialog>
	
	<yu-dialog title="请选择还原文件" :visible.sync="restoreDialogVisible" width="400px" >
		<yu-upload class="upload-demo" ref="my-upload-restore" :action="upLoadUrl" accept=".xml" :on-success="successUploadStore"
		 :file-list="appUploadDatas">
			<yu-button size="small" type="primary">点击上传</yu-button>
		</yu-upload>
	</yu-dialog>

	<yu-xdialog title="源表列表" :visible.sync="showSrcTabDialog" width="800px">
		<yu-toolBar>
			<el-button @click="addSrctab">新增</el-button>
			<el-button @click="selSrctab">引入源表</el-button>
		</yu-toolBar>
		<yu-xtable :data="srcTabData" row-number border style="width: 100%;" height="400px" :pageable="false">
			<yu-xtable-column prop="tabName" label="源表">
				<template slot-scope="scope">
					<yu-input v-model="scope.row.tabName" :title="scope.row.tabName" :disabled="!scope.row.isAdd" placeholder="请输入源表"
					 maxlength="100"></yu-input>
				</template>
			</yu-xtable-column>
			<yu-xtable-column prop="env" label="源表环境">
				<template slot-scope="scope">
					<yu-input v-model="scope.row.env" :disabled="!scope.row.isAdd" placeholder="请输入源表环境" maxlength="100"></yu-input>
				</template>
			</yu-xtable-column>
			<yu-xtable-column prop="schema" label="源表数据库">
				<template slot-scope="scope">
					<yu-input v-model="scope.row.schema" :disabled="!scope.row.isAdd" placeholder="请输入源表数据库" maxlength="100"></yu-input>
				</template>
			</yu-xtable-column>
			<yu-xtable-column prop="existsFlag" label="存在标志" width="80">
				<template slot-scope="scope">
					<yu-tag :type="scope.row.existsFlag=='Y' ? 'success' :'primary'" close-transition>
						{{scope.row.existsFlag=='Y' ?'存在':(scope.row.existsFlag=='N' ? '不存在':'未知')}}
					</yu-tag>
				</template>
			</yu-xtable-column>
			<yu-xtable-column label="操作" maxlength="240" width="80">
				<template slot-scope="scope">
					<yu-button size="small" type="danger" @click="deleteSrctab(scope.$index,scope.row)">删除</yu-button>
				</template>
			</yu-xtable-column>

		</yu-xtable>
		<div class="yu-grpButton">
			<yu-button @click="cancelSrcTab">取消</yu-button>
			<yu-button type="primary" @click="saveSrcTab">保存</yu-button>
		</div>
	</yu-xdialog>

	<yu-xdialog title="目标表列表" :visible.sync="showSrcTarDialog" width="800px" >
		<yu-toolBar>
			<el-button @click="addTartab">新增</el-button>
		</yu-toolBar>
		<yu-xtable :data="srcTarData" row-number border style="width: 100%;" height="400px" :pageable="false">
			<yu-xtable-column prop="tabName" label="目标表">
				<template slot-scope="scope">
					<yu-input v-model="scope.row.tabName" :title="scope.row.tabName" placeholder="请输入目标表" maxlength="100"></yu-input>
				</template>
			</yu-xtable-column>
			<yu-xtable-column prop="env" label="源表环境">
				<template slot-scope="scope">
					<yu-input v-model="scope.row.env" placeholder="请输入源表环境" maxlength="100"></yu-input>
				</template>
			</yu-xtable-column>
			<yu-xtable-column prop="schema" label="源表数据库">
				<template slot-scope="scope">
					<yu-input v-model="scope.row.schema" placeholder="请输入源表数据库" maxlength="100"></yu-input>
				</template>
			</yu-xtable-column>
			<yu-xtable-column label="操作" maxlength="240" width="80">
				<template slot-scope="scope">
					<yu-button size="small" type="danger" @click="deleteTartab(scope.$index,scope.row)">删除</yu-button>
				</template>
			</yu-xtable-column>

		</yu-xtable>
		<div class="yu-grpButton">
			<yu-button @click="cancelSrcTar">取消</yu-button>
			<yu-button type="primary" @click="saveSrcTar">保存</yu-button>
		</div>
	</yu-xdialog>

	<yu-xdialog title="源表选择" :visible.sync="chooseSrcDialogVisible" width="50%">
		<el-form-q ref="querySrcForm" :field-data="queryFormSrc" :buttons="srcParamButtons">
		</el-form-q>
		<el-table-x ref="srcTableRef" :checkbox="true" :data-url="srcParamDataUrl" :table-columns="srcFieldColumns"></el-table-x>
	</yu-xdialog>

	<yu-xdialog title="依赖作业列表" :visible.sync="relJobShow" width="1000px">
		<yu-toolBar>
			<el-button @click="addRelJob">新增</el-button>
		</yu-toolBar>
		<yu-xtable :data="JobShowData" row-number class="formtop" border style="width: 100%;" height="400px" :pageable="false">
			<yu-xtable-column prop="relAppCode" label="依赖系统"></yu-xtable-column>
			<!-- 				<yu-xtable-column prop="appName"  label="应用系统名称" ></yu-xtable-column> -->
			<yu-xtable-column prop="relGroupCode" label="依赖作业流"></yu-xtable-column>
			<yu-xtable-column prop="relJobCode" label="依赖作业编码"></yu-xtable-column>
			<yu-xtable-column prop="relJobName" label="依赖作业名称"></yu-xtable-column>
			<!-- 				<yu-xtable-column prop="actionName"  label="作业名称" ></yu-xtable-column> -->

			<yu-xtable-column label="操作" maxlength="240" width="80">
				<template slot-scope="scope">
					<yu-button size="small" type="danger" @click="deleteRefJob(scope.$index,scope.row)">删除</yu-button>
				</template>
			</yu-xtable-column>

		</yu-xtable>
		<div class="yu-grpButton">
			<yu-button @click="cancelRefJob">取消</yu-button>
			<yu-button type="primary" @click="saveRefJob">保存</yu-button>
		</div>
	</yu-xdialog>

	<yu-xdialog title="依赖事件列表" :visible.sync="reEventShow" width="1000px">
		<yu-toolBar>
			<el-button @click="addRelEvent">新增</el-button>
		</yu-toolBar>
		<yu-xtable :data="EventShowData" row-number border style="width: 100%;" height="400px" class="formtop" :pageable="false">
			<yu-xtable-column prop="eventAppCode" label="依赖系统"></yu-xtable-column>
			<!-- 				<yu-xtable-column prop="appName"  label="应用系统名称" ></yu-xtable-column> -->
			<yu-xtable-column prop="eventCode" label="依赖事件编码"></yu-xtable-column>
			<yu-xtable-column prop="eventName" label="依赖事件名称"></yu-xtable-column>
			<yu-xtable-column prop="eventType" label="依赖事件类型" data-Code="USE_EVENT_TYPE"></yu-xtable-column>
			<yu-xtable-column label="操作" maxlength="240" width="80">
				<template slot-scope="scope">
					<yu-button size="small" type="danger" @click="deleteRefEvent(scope.$index,scope.row)">删除</yu-button>
				</template>
			</yu-xtable-column>

		</yu-xtable>
		<div class="yu-grpButton">
			<yu-button @click="cancelRefEvent">取消</yu-button>
			<yu-button type="primary" @click="saveRefEvent">保存</yu-button>
		</div>
	</yu-xdialog>

	<yu-xdialog :title="reltitle" :visible.sync="viewRelDialog" width="90%" :height="relHeight" top="50px">
		<yu-xtable :data="viewRelData" row-number border style="width: 100%;" class="formtop" :height="relHeightT" :pageable="false">
			<yu-xtable-column label="作业流编码">
				<template slot-scope="scope">
					<div>{{groupCodeDetail}}</div>
				</template>
			</yu-xtable-column>
			<yu-xtable-column label="作业名称">
				<template slot-scope="scope">
					<div>{{jobCodeDetail}}</div>
				</template>
			</yu-xtable-column>
			<yu-xtable-column prop="srcTab" v-if="relType =='SRCTAB'" label="源表"></yu-xtable-column>
			<yu-xtable-column prop="env" v-if="relType =='SRCTAB'" label="源表环境"></yu-xtable-column>
			<yu-xtable-column prop="schema" v-if="relType =='SRCTAB'" label="源表数据库"></yu-xtable-column>
			<yu-xtable-column prop="relAppCode" v-if="relType =='SRCTAB' ||relType =='GERERAL'" label="依赖系统"></yu-xtable-column>
			<yu-xtable-column prop="relGroupCode" v-if="relType =='SRCTAB' ||relType =='GERERAL'" label="依赖作业流"></yu-xtable-column>
			<!-- <yu-xtable-column prop="relJobCode"  v-if="relType =='SRCTAB' ||relType =='GERERAL'" label="依赖作业" ></yu-xtable-column> -->
			<yu-xtable-column prop="relJobName" v-if="relType =='SRCTAB' ||relType =='GERERAL'" label="依赖作业"></yu-xtable-column>
			<yu-xtable-column prop="eventAppCode" v-if="relType =='SRCTAB' ||relType =='EVENT'" label="依赖事件系统"></yu-xtable-column>
			<yu-xtable-column prop="eventCode" v-if="relType =='SRCTAB' ||relType =='EVENT'" label="依赖事件"></yu-xtable-column>
			<yu-xtable-column prop="eventName" v-if="relType =='SRCTAB' ||relType =='EVENT'" label="依赖事件名称"></yu-xtable-column>
			<yu-xtable-column prop="eventType" data-Code="USE_EVENT_TYPE" v-if="relType =='SRCTAB' ||relType =='EVENT'" label="依赖事件类型"></yu-xtable-column>
			</yu-xtable-column>
			<yu-xtable-column label="操作" maxlength="240" width="90" v-if="!jobdisabled">
				<template slot-scope="scope">
					<yu-button size="small" type="danger" @click="deleteRefAll(scope.$index,scope.row)">删除依赖</yu-button>
				</template>
			</yu-xtable-column>
		</yu-xtable>
	</yu-xdialog>


</div>
<style type="text/css">
	.jonfintab .el-tabs--border-card {
		height: 430px;
	}

	.formHeight {
		height: 410px;
	}

	.formHeightv2 {
		height: 415px;
	}

	.el-step__head .is-finish {
		border-color: #13ce66 !important;
		background-color: #13ce66 !important;
	}

	.el-step__head.is-text.is-finish {
		border-color: #13ce66 !important;
		background-color: #13ce66 !important;
	}

	.el-step__title.is-finish {
		color: #13ce66 !important;
	}

	.formtop {
		margin-top: 30px;
	}

	.formtop table {
		width: 100% !important;
	}

	.moreall {
		text-decoration: underline;
		cursor: pointer;
		color: #5557B9;
	}

	.el-input__suffix {
		line-height: 36px;
		height: 36px;
		;
	}

	.is-disabled .el-input__inner {
		color: #666 !important;
	}
</style>
